<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text">
    <script>
        var inp = document.querySelector("input")
        //键盘的事件对象
        /* 
            keypress    => 不能识别一些功能键
            keydown     => 可以识别一些功能,不区分大小写
        */
        // inp.onkeydown = function(e){
        //     /* keyCode == 
        //         13 => 表示的回车
        //         27 => ESC键
        //      */
        //     //处理一下兼容性
        //     e = e || window.event
        //     //输入 某一个按键,可以使用keyCode得到的ASCII码
        //     console.log(e.keyCode);
        // }

        /* 组合键 ctrl+c ctrl+a */
        inp.onkeydown = function (e) {
            //一组开始
            console.group("一组开始");
            console.log(e.altKey);      //alt键
            console.log(e.ctrlKey);     //ctrl键
            console.log(e.shiftKey);    //shift键
            console.log(e.metaKey);     //window键
            console.groupEnd();
        }



    </script>
</body>

</html>